<!DOCTYPE html>
<html>
  <head>
    <title>z-index tests #6</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../../test.js"></script>
    <style type="text/css">
      div {
        width: 250px;
        height: 70px;
        position: relative;
        border: 2px solid #669966;
        background-color: #ccffcc;
        padding-left: 5px;
      }
      div.z0 {
        z-index: 0;
        top:105px;
        left:20px;
        background-color: #ffdddd;
      }

      div.z1 {
        z-index: 1;
      }
      body {
          font-family: Arial;
      }
    </style></head>

  <body>
    <div class="z0"><span>z-index:0</span></div>
    <div>default z-index</div>
    <div class="z1">z-index:1</div>
  </body>
</html>
